<template>
  <div class="q-pa-md">
    <div class="q-gutter-y-md column" style="max-width: 300px">
     <t-input v-model="text" label="输入框" ref="refInput1"/>
      <t-button @click="validate">
        输出值
      </t-button>
      <t-input
        label="正常"
        ref="refInput"

        v-model="text"
        class="aaaaaa"
        labelPosition="top"
        placeholder="我是borderless"
        maxHeight="100px"
        maxWidth="500px"
        :helpConf="true"
   helpTooltip='点击“云平台中心软件缺陷问题类别参考标准”查看详情'
                helpMore='link'
                helpMoreLink='static'
                helpMoreLinkHrefStatic='https://alidocs.dingtalk.com/i/nodes/pYLaezmVNG65BLPQIQPq109jJrMqPxX6?utm_scene=team_space'
        :required='true'
        :rules="[ val => !!val || '必填不能为空']"
        helpMorePopup="helpMorePopup"
      >
      </t-input>
            <t-input
        label="只读"
        ref="refInput"

        v-model="text"
        class="aaaaaa"
        labelPosition="top"
        requiredMessage="awdaddw"
        placeholder="我是borderless"
        :helpConf="true"
        helpTooltip="我是提我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示示"
        helpPlacement="bottom"
        helpMore="popup"
        :required='true'
        :rules="[ val => !!val || '必填不能为空']"
        helpMorePopup="helpMorePopup"
      >
      </t-input>
            <t-input
        label="只读"
        ref="refInput"

        v-model="text"
        class="aaaaaa"
        labelPosition="top"
        requiredMessage="awdaddw"
        placeholder="我是borderless"
        :helpConf="true"
        helpTooltip="我是提我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示示"
        helpPlacement="bottom"
        helpMore="popup"
        :required='true'
        :rules="[ val => !!val || '必填不能为空']"
        helpMorePopup="helpMorePopup"
        appendIcon='fas dx-icon icon-t-more'
      >
      </t-input>
      <t-input
        label="只读"
        ref="refInput"
        borderType="borderless"
        v-model="text"
        class="aaaaaa"
        labelPosition="top"
        requiredMessage="awdaddw"
        placeholder="我是borderless"
        :helpConf="true"
        helpTooltip="我是提我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示示"
        helpPlacement="bottom"
        helpMore="popup"
        :required='true'
        :rules="[ val => !!val || '必填不能为空']"
        helpMorePopup="helpMorePopup"
      >
      </t-input>
            <t-input
        label="只读"
        ref="refInput"
        borderType="borderless"
        v-model="text"
        class="aaaaaa"
        labelPosition="top"
        requiredMessage="awdaddw"
        placeholder="我是borderless"
        :helpConf="true"
        helpTooltip="我是提我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示示"
        helpPlacement="bottom"
        helpMore="popup"
        :required='true'
        :rules="[ val => !!val || '必填不能为空']"
        helpMorePopup="helpMorePopup"
      >
      </t-input>
            <t-input
        label="只读"
        ref="refInput"
        borderType="borderless"
        v-model="text"
        class="aaaaaa"
        labelPosition="top"
        requiredMessage="awdaddw"
        placeholder="我是borderless"
        :helpConf="true"
        helpTooltip="我是提我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示示"
        helpPlacement="bottom"
        helpMore="popup"
        :required='true'
        :rules="[ val => !!val || '必填不能为空']"
        helpMorePopup="helpMorePopup"
      >
      </t-input>
            <t-input
        label="只读"
        ref="refInput"
        borderType="borderless"
        v-model="text"
        class="aaaaaa"
        labelPosition="top"
        requiredMessage="awdaddw"
        placeholder="我是borderless"
        :helpConf="true"
        helpTooltip="我是提我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示我是提示示"
        helpPlacement="bottom"
        helpMore="popup"
        :required='true'
        :rules="[ val => !!val || '必填不能为空']"
        helpMorePopup="helpMorePopup"
      >
      </t-input>
    </div>
  </div>
</template>

<script>
  import { ref } from 'vue';

  export default {
    setup() {
      const refInput1 = ref('')

      // function onFocusHandler(params) {
      //   alert(9);
      // }
   const refInput = ref(null);
   function validate() {

    console.log( refInput1.value.modelValue, 'modelValue', 2)
}
      function f(params) {

      }

   function Click() {
   debugger
    alert('awdawdawwd')
}
      return {
        f,
        text: ref('这是输入框'),
        ph: ref(''),
        refInput,
        validate,
        Click,
        refInput1,
        dense: ref(true),
      };
    },
  };
</script>
